/*
将屏幕等分12等分 
pc
pad
phone
 */
 div{
    box-sizing: border-box;
}
.col-pc-12 {
   width: 100%;
}

.col-pc-11 {
   width: 91.66666667%;
}

.col-pc-10 {
   width: 83.33333333%;
}

.col-pc-9 {
   width: 75%;
}

.col-pc-8 {
   width: 66.66666667%;
}

.col-pc-7 {
   width: 58.33333333%;
}

.col-pc-6 {
   width: 50%;
}

.col-pc-5 {
   width: 41.66666667%;
}

.col-pc-4 {
   width: 33.33333333%;
}

.col-pc-3 {
   width: 25%;
}

.col-pc-2 {
   width: 16.66666667%;
}

.col-pc-1 {
   width: 8.33333333%;
}

@media (min-width:768px) and (max-width:1100px){
   /* 
   .col-pad-1
   .col-pad-12
    */
   .col-pad-4{
       width: 33.33333333%;
   }
}